<template>
	<view class="content">
		<view class="home-page">
			<c-lottie ref="cLottieRefHome" :data='animationData' :speed="1" width="750rpx"
				height='750rpx' :loop="true" v-if="animationData&&active"></c-lottie>
		</view>
		<CustomTabbar :list="tabbar" :current="1"  height="74px" :icon-size="60" :mid-button="false"></CustomTabbar>
	</view>
</template>

<script>
	import CustomTabbar from "../../components/u-tabbar/u-tabbar.vue"
	import {
		tabbar
	} from "../../utils/tabbar.js"
	export default {
		components: {
			CustomTabbar
		},
		data() {
			return {
				tabbar,
				animationData: require("../../static/json/Animation-msg-page.json"),
				title: '工具',
				active: false,
			}
		},
		onShow() {
			this.active=true
		},
		onHide() {
			this.active=false
		},
		onUnload(){
			this.active=false
		},
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
